import echarts from 'echarts';
import html from '../../assets/partials/echart-demo.html';

export default {
    title: 'Echart示例',
    name: 'echarts-demo',
    html: html,
    mounted: (element) => {
        var chart = echarts.init(element.find('#demo-chart').get(0));
        chart.setOption({
            title: {
                text: 'ECharts 入门示例'
            },
            tooltip: {},
            legend: {
                data: ['销量']
            },
            xAxis: {
                data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
            },
            yAxis: {},
            series: [{
                name: '销量',
                type: 'bar',
                data: [5, 20, 36, 10, 10, 20]
            }]
        });
        // 更新数据
        setInterval(function(){
            chart.setOption({
                series: [{
                    data: Array(6).fill(0).map(x => Math.floor(Math.random() * 50))
                }]
            })
        }, 1000);
    }
};
